<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/base.css">
    <link rel="stylesheet" href="../css/success-mymusic.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <script src="../js/index.js"></script>
    <script src="../font/iconfont.js"></script>
</head>

<body>
    <div class="main">
        <div class="selfbox">
            <div class="selfbox-bg"></div>
            <div class="box">
                <div class="box-left">
                    <img src="../images/text3.jpg" alt="">
                </div>
                <div class="box-right">
                    <div class="r-top">
                        <div>
                            <span class="rt-name">我叫胡图图吧</span>
                            <span class="rt-vip"></span></div>
                        <div>
                            <input type="button" value="编辑个人资料">
                        </div>
                    </div>
                    <div class="r-middle">
                        <div class="rm-box">
                            <span>
                                <i class="number event-count">10</i>
                                <i class="text">动态</i>
                            </span>
                            <span>
                                <i class="number focus-number">24</i>
                                <i class="text">关注</i>
                            </span>
                            <span>
                                <i class="number follow">10</i>
                                <i class="text">粉丝</i>
                            </span>
                        </div>
                    </div>
                    <div class="r-bottom">
                        <span>
                            <i>个人介绍:</i>
                            <i class="signature">so sad</i>
                        </span>
                        <span>
                            <i>所在地区:</i>
                            <i>广东省 - 广州市</i>
                        </span>
                        <span></span>
                    </div>
                </div>
            </div>
        </div>
        <div class="listenlist">
            <div class="list-top">
                <div class="lt-left">
                    <span class="lt-title">听歌排行</span>
                    <span class="lt-subtitle">累计听歌2000首</span>
                </div>
                <div class="lt-left">
                </div>
            </div>
            <div class="list-middle">
                <ul>
                    <li>
                        <span class="num">1.</span>
                        <span class="iconfont icon-weibiaoti--"></span>
                        <span class="songname">姗姗</span>
                        <span class="singername">- 金玟岐</span>
                    </li>
                    <li>
                        <span class="num">2.</span>
                        <span class="iconfont icon-weibiaoti--"></span>
                        <span class="songname">姗姗</span>
                        <span class="singername">- 金玟岐</span>
                    </li>
                    <li>
                        <span class="num">3.</span>
                        <span class="iconfont icon-weibiaoti--"></span>
                        <span class="songname">姗姗</span>
                        <span class="singername">- 金玟岐</span>
                    </li>
                    <li>
                        <span class="num">4.</span>
                        <span class="iconfont icon-weibiaoti--"></span>
                        <span class="songname">姗姗</span>
                        <span class="singername">- 金玟岐</span>
                    </li>
                    <li>
                        <span class="num">5.</span>
                        <span class="iconfont icon-weibiaoti--"></span>
                        <span class="songname">姗姗</span>
                        <span class="singername">- 金玟岐</span>
                    </li>
                    <li>
                        <span class="num">6.</span>
                        <span class="iconfont icon-weibiaoti--"></span>
                        <span class="songname">姗姗</span>
                        <span class="singername">- 金玟岐</span>
                    </li>
                    <li>
                        <span class="num">7.</span>
                        <span class="iconfont icon-weibiaoti--"></span>
                        <span class="songname">姗姗</span>
                        <span class="singername">- 金玟岐</span>
                    </li>
                    <li>
                        <span class="num">8.</span>
                        <span class="iconfont icon-weibiaoti--"></span>
                        <span class="songname">姗姗</span>
                        <span class="singername">- 金玟岐</span>
                    </li>
                    <li>
                        <span class="num">9.</span>
                        <span class="iconfont icon-weibiaoti--"></span>
                        <span class="songname">姗姗</span>
                        <span class="singername">- 金玟岐</span>
                    </li>
                    <li>
                        <span class="num">10.</span>
                        <span class="iconfont icon-weibiaoti--"></span>
                        <span class="songname">姗姗</span>
                        <span class="singername">- 金玟岐</span>
                    </li>
                </ul>
            </div>
        </div>
        <div class="createlist">
            <div class="list-top">
                <div class="lt-left">
                    <span class="lt-title">我创建的歌单</span>
                    <span class="lt-subtitle">（7）</span>
                </div>
                <div class="lt-left">
                </div>
            </div>
            <div class="list-middle">
                <ul>

                </ul>
            </div>
        </div>
        <div class="createlist2">
            <div class="list-top">
                <div class="lt-left">
                    <span class="lt-title">我收藏的歌单</span>
                    <span class="lt-subtitle">（7）</span>
                </div>
                <div class="lt-left">
                </div>
            </div>
            <div class="list-middle">
                <ul>

                </ul>
            </div>
        </div>
    </div>
    <footer class="g-ft">
        <div class="g-ft-set">
            <div class="l-ft">
                <div class="links">
                    <a href="javascript:;">服务条款</a>
                    <span class="line">|</span>
                    <a href="javascript:;">隐私政策</a>
                    <span class="line">|</span>
                    <a href="javascript:;">儿童隐私政策</a>
                    <span class="line">|</span>
                    <a href="javascript:;">版权投诉指引</a>
                    <span class="line">|</span>
                    <a href="javascript:;">联系我们</a>
                    <span class="line">|</span>
                    <a href="javascript:;">广告合作</a>
                    <span class="line">|</span>
                    <a href="javascript:;">廉正举报</a>

                </div>
                <div class="sup-copyright">
                    <span>网易公司版权所有©1997-2021</span>
                    <a href="javascript:;">杭州乐读科技有限公司运营：浙网文[2021] 1186-054号</a>
                </div>
                <div class="sub-copyright">
                    <a href="javascript:;">粤B2-20090191-18 &nbsp工业和信息化部备案管理系统网站&nbsp&nbsp</a>
                    <a href="javascript:;" class="police">
                        <span class="police-logo">&nbsp;</span>
                        <span class="police-text">浙公网安备 33010902002564号</span>
                    </a>
                </div>
            </div>
            <ul class="r-ft">
                <li>
                    <a href="javasript:;" class="newlogo a-studio"></a>
                    <span class="text t-as"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo id"></a>
                    <span class="text t-id"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo musician"></a>
                    <span class="text t-musician"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo reward"></a>
                    <span class="text t-reward"></span>
                </li>
                <li>
                    <a href="javasript:;" class="newlogo video"></a>
                    <span class="text t-video"></span>
                </li>
            </ul>
        </div>

    </footer>
</body>

</html>